.sort {
  display: flex;
  margin-bottom: 20px;
  .btn_first {
    display: inline-block;
    padding: 10px 20px;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    width: 251px;
    height: 50px;
    flex-shrink: 0;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 166.667% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border: 2px solid #dfe5ec;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
  }
  .btn_second {
    display: inline-block;
    width: 251px;
    height: 50px;
    flex-shrink: 0;
    color: #4a4a4a;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 166.667% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background-color: #fff;
    border: 2px solid #dfe5ec;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    border-left: none;
  }
  .active_first {
    display: inline-block;
    padding: 10px 20px;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    width: 251px;
    height: 50px;
    flex-shrink: 0;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 166.667% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border: 2px solid #dfe5ec;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: none;
    background-color: #2196f3;
    color: #fff;
  }
  .active_second {
    display: inline-block;
    width: 251px;
    height: 50px;
    flex-shrink: 0;
    color: #4a4a4a;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 166.667% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background-color: #fff;
    border: 2px solid #dfe5ec;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    border-left: none;
    border: none;
    background-color: #2196f3;
    color: #fff;
  }
}
